<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:forEach items="${users}" var="user">
    <tr>
        <!-- 序号 -->
        <td>${user.userId}</td>
        <!-- 用户名 -->
        <td>${user.userName}</td>
        <!-- 密码 -->
        <td>${user.userPassword}</td>
        <!-- 邮箱 -->
        <td>${user.userEmail}</td>
        <!-- 住址 -->
        <td>${user.userAddress}</td>
        <!-- 简介 -->
        <td>${user.userIntro}</td>
        <!-- 创建时间 -->
        <td>${user.userCreateTime}</td>
        <!-- 头像 -->
        <td>
            <a target="_brank">
                <img src="${user.userPhoto}" style="position: relative; width: 35px;
                                        height: 35px;
                                        border-radius: 2px;">
            </a>
        </td>
        <!-- 权限 -->
        <td>${user.userLevel}</td>
        <td><input class="delete" type="button" value="删除"><input class="update" type="button" value="更新">
        </td>
    </tr>
</c:forEach>

<%--<jsp:include page="edit.jsp"></jsp:include>--%>
<script>
    $('.delete').click(function () {
        const msg = "您真的确定要删除吗？\n\n删除后不能复原！";
        if (confirm(msg) == true) {
            $.ajax({
                url: '/userDelete',
                method: 'get',
                data: {
                    userId: $(this).parent().parent().find('td').html()
                },
                success: function (data) {
                    alert(data)
                    if (data == "删除用户成功") {
                        getUsers()
                    }
                },
                error: function () {
                    alert("请求出错")
                }
            })
        }
    });
    $(".update").click(function () {
        $(".b-center").show();
        for (let i = 0; i < 5; i++) {
            $(".b-center").find('input').eq(i).val($(this).parent().parent().find('td').eq(i).html());
        }

        $(".b-center").find('textarea').val($(this).parent().parent().find('td').eq(5).html());
        $(".b-center").find('input').eq(5).val($(this).parent().parent().find('td').eq(8).html());

    });
    // $('.update').click(function() {
    //     if (confirm(msg)==true){
    //         $.ajax({
    //             url:'/userDelete',
    //             method:'get',
    //             data:{
    //                 userId:$(this).parent().parent().find('td').html()
    //             },
    //             success:function (data) {
    //                 alert(data)
    //                 if (data=="删除用户成功"){
    //                     getUsers()
    //                 }
    //             },
    //             error:function () {
    //                 alert("请求出错")
    //             }
    //         })
    //     }
    //     console.log($(this).parent().parent().find('td').eq(1).html())
    // });
</script>
